
function exit(){
	$("#roName").val("");
	$("#isva").val("");
	$("#roExplain").val("");
	$('input:checkbox').each(function () {
        $(this).attr('checked',false);
	});
	load();
	//关闭所有页面层
	layer.closeAll('page');
}
layui.use(['form', 'layedit', 'laydate','table','element', 'tree', 'layer', 'form', 'upload'], function(){
	 var table = layui.table
	  ,laydate = layui.laydate
	  ,form = layui.form
	  ,layer = layui.layer
	  ,layedit = layui.layedit
	  ,layer = layui.layer
	  ,$ = layui.jquery
	  ,tree = layui.tree;
	 
 /**
  * 树形
  */
  var url="../../role/queryList.action";
  var data=null;
  $.post(url,data,function(mes){
	  var xtree3 = new layuiXtree({
	      elem: 'xtree3'                  //必填三兄弟之老大
	      , form: form                    //必填三兄弟之这才是真老大
	      , data: mes 					//必填三兄弟之这也算是老大
	      , isopen: false  //加载完毕后的展开状态，默认值：true
	      , ckall: true    //启用全选功能，默认值：false
	      , ckallback: function () { } //全选框状态改变后执行的回调函数
	      , icon: {        //三种图标样式，更改几个都可以，用的是layui的图标
	          open: "&#xe625;"       //节点打开的图标
	          , close: "&#xe623;"    //节点关闭的图标
	          , end: "&#xe621;"      //末尾节点的图标
	      }
	      , color: {       //三种图标颜色，独立配色，更改几个都可以
	          open: "#EE9A00"        //节点图标打开的颜色
	          , close: "#EEC591"     //节点图标关闭的颜色
	          , end: "#828282"       //末级节点图标的颜色
	      }
	      , click: function (data) {  //节点选中状态改变事件监听，全选框有自己的监听事件
	          console.log(data.elem); //得到checkbox原始DOM对象
	          console.log(data.elem.checked); //开关是否开启，true或者false
	          console.log(data.value); //开关value值，也可以通过data.elem.value得到
	          console.log(data.othis); //得到美化后的DOM对象
	      }
	  });
  });
  //日期
  laydate.render({
    elem: '#date'
  });
  
  laydate.render({
	    elem: '#time'
  });
  //监听工具条
  table.on('tool(demo)', function(obj){
    var da = obj.data;
    
    if(obj.event === 'edit'){
    	
    	var urls="../../role/findByIds.action";
        var datas={"roId":da.roId};
        $.post(urls,datas,function(mes){
        	$.each(mes,function(i,item){
        		$("input:checkbox[value='"+item.value+"']").prop("checked","checked");  
        		form ? form.render("checkbox") : null;
        	})
        });
    	
    	var url="../../role/findById.action";
        var data={"roId":da.roId};
        $.post(url,data,function(mes){
        	layer.open({
    	        type: 1	 //此处以iframe举例
    	        ,title: '数据修改'
    	        ,area: ['620px', '520px']
        		,offset: 'auto'
    	        ,content:$('#addOrUpdate')
    	        ,success: function(layero){
    	        	$("#roId").val(mes.roId);
    	        	$("#roName").val(mes.roName);
    	        	$("#isva").val(mes.isva);
    	        	$("#roExplain").val(mes.roExplain);
    	        	//渲染
    	        	load();
        		},end : function() {
    	        	//弹框关闭的回调函数
    				$("#addOrUpdate").hide();
    				exit();
    			}
    	    });
        	
        },"json");
    }else if(obj.event === 'del'){
        layer.confirm('真的删除行么', function(index){
        	var url="../../role/delete.action";
        	var data={"roId":da.roId};
        	$.post(url,data,function(mes){
        		if(mes==1){
        			obj.del();
                    layer.close(index);
                    layer.msg("删除成功");
        		}else{
        			layer.msg("删除失败");
        		}
        	},"json");
            
          });
        }
    
  });
  var $ = layui.$, active = {
		    reload: function(){
		      var roleName = $('#roleName');
		      //执行重载
		      table.reload('idTest', {
		        page: {
		          curr: 1 //重新从第 1 页开始
		        }
		        ,where: {
		        	roName: roleName.val()
		        }
		      });
		    }
		  };
		  
		  $('.demoTable .layui-btn').on('click', function(){
		    var type = $(this).data('type');
		    active[type] ? active[type].call(this) : '';
		  });
		  
		  $('.demoTable #insert').on('click', function(){
		        	layer.open({
		    	        type: 1	 //此处以iframe举例
		    	        ,title: '数据增加'
		    	        ,area: ['620px', '520px']
		        		,offset: 'auto'
		    	        ,content:$('#addOrUpdate')
		    	        ,end : function() {
		        			$("#operUser").attr({"disabled":false});
		    	        	//弹框关闭的回调函数
		    				$("#addOrUpdate").hide();
		    				exit();
		    			}
		    	    });
		  });
		  
		  $('#sub').on('click', function(){
			  var id="";
	           $.each($('input:checkbox:checked'),function(){
	        	   if($(this).val() != "on"){
	        		   id += $(this).val()+"@";
	        	   }
	            });
	           findRoName();
	           findRoExplain();
				var countyz=0;
				$.each($(".fromYz"),function(index,item){
					if($(item).val()=="√"){
						countyz++;
					}
				});
				if(countyz==2){
					 var url="../../role/addOrUpdate.action"; 
					 var data=$.param({"id":id})+'&'+$("#myform").serialize();
					 $.post(url,data,function(mes){
						 if(mes==1){
							 exit();
							 $("#addOrUpdate").hide();
							 parent.layer.msg('操作成功', {
							      icon: 1
							  });
							//重载表单
		 					active['reload'] ? active['reload'].call(this) : '';
						 }else{
							 parent.layer.msg('操作失败', {
							      icon: 2
							  });
						 }
					 },"json");
				}
		  });
		  load();
		  
});
function load() {
	 var form = layui.form
	 form.render();
}
/**
 * 表单角色名称验证
 * @returns
 */
function findRoName(){
	layui.use(['form', 'layedit', 'laydate','table'], function(){
		var layer = layui.layer;
		if($("#roName").val()==null || $("#roName").val()==''){
			 parent.layer.msg('角色名称不能为空', {
			      icon: 5,
			      anim :6
			  });
			 $("#roNameYz").val("×");
		}else if($("#roName").val().length>15){
			 parent.layer.msg('角色名称长度不能超过15个字符', {
			      icon: 5,
			      anim :6
			  });
			 $("#roNameYz").val("×");
		}else{
			 $("#roNameYz").val("√");
		}
	});
}

/**
 * 表单角色说明验证
 * @returns
 */
function findRoExplain(){
	layui.use(['form', 'layedit', 'laydate','table'], function(){
		var layer = layui.layer;
		if($("#roExplain").val()==null || $("#roExplain").val()==''){
			 parent.layer.msg('角色说明不能为空', {
			      icon: 5,
			      anim :6
			  });
			 $("#roExplainYz").val("×");
		}else if($("#roExplain").val().length>30){
			 parent.layer.msg('角色说明长度不能超过30个字符', {
			      icon: 5,
			      anim :6
			  });
			 $("roExplainYz").val("×");
		}else{
			 $("#roExplainYz").val("√");
		}
	});
}